<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
<style>
  .outerDiv {
           width: 500px;
           height: 400px;
           border: 1px solid rgb(139, 11, 11);
           background-color: rgb(226, 194, 209);

  }
  .innerDiv {
        width: 100px;
        height: 100px;
        border: 1px solid blue;
        float: right;
  }
  .d1{
    
    background-color: greenyellow;
  }
  .d2{
    background-color: rgb(210, 119, 119);
  }
  d3{
    background-color: rgb(142, 236, 229);
  }



</style>


</head>
<body>
    <div class="outerDiv">
        <div class="innerDiv d1">diva</div>
        <div class="innerDiv d2">divb</div>
        <div class="innerDiv d3">divc</div>
    </div>
</body>
</html>